<!--{template common/header_simple_start}-->
<link href="static/css/common.css?{VERHASH}" rel="stylesheet" media="all">
<link href="dzz/connect/images/connect.css?{VERHASH}" rel="stylesheet" media="all">

<!--{template common/header_simple_end}-->
<div class="container" style="height:100%">
	<div class="main-header clearfix">
		<ul class="nav nav-pills nav-pills-bottomguide">
			<li>
				<a href="{BASESCRIPT}?mod=connect">{lang my_clouds}</a>
			</li>
			<li class="active">
				<a href="{BASESCRIPT}?mod=connect&op=addcloud">{lang add_clouds}</a>
			</li>
		</ul>

	</div>
	<div class="main-content clearfix">
		<div style="padding:15px;">
			<!--{loop $cloud $key $value}-->
			<h4>$value[header]</h4>
			<ul class="thumbnails list-unstyled clearfix">
				<!--{loop $value[list] $value1}-->
				<li bz="$value1[bz]" data_type="$key" class="cloud-item ">
					<div class="thumbnail">
						<img src="dzz/images/default/system/$value1[bz].png" width="100" />
						<h5 class="text-center" style="height:20px;line-height:20px;overflow:hidden;margin-bottom:5px">$value1[name]</h5>
					</div>
				</li>
				<!--{/loop}-->
			</ul>
			<!--{/loop}-->
		</div>
	</div>
</div>
<script type="text/javascript">
	function connect_start(bz, type) { //开始云连接
		switch(type) {
			case 'pan':
				url = '{DZZSCRIPT}?mod=connect&bz=' + bz + '&op=oauth';
				window.location.href = url;
				break;
			case 'storage':
				url = '{DZZSCRIPT}?mod=connect&bz=' + bz + '&op=oauth';
				window.location.href = url;
				break;
			case 'ftp':
				url = '{DZZSCRIPT}?mod=connect&bz=' + bz + '&op=oauth';
				window.location.href = url;
				break;
			case 'disk':
				url = '{DZZSCRIPT}?mod=connect&bz=' + bz + '&op=oauth';
				window.location.href = url;
				break;
			default:
				url = '{DZZSCRIPT}?mod=connect&bz=' + bz + '&op=oauth';
				window.location.href = url;
				break;
		}
	}
	jQuery(document).ready(function(e) {
		jQuery('.thumbnails li').mouseenter(function() {
			jQuery(this).addClass('hover');
		}).mouseleave(function() {
			jQuery(this).removeClass('hover');
		}).click(function() {
			var bz = jQuery(this).attr('bz');
			var type = jQuery(this).attr('data_type');
			connect_start(bz, type);
		});
		jQuery(document).mousedown(function() {
			jQuery('.thumbnails li').removeClass('Selected');
		});
	});
</script>
<script src="static/bootstrap/js/bootstrap.min.js?{VERHASH}"></script>
<!--{template common/footer_simple}-->